(function() {

// Localize jQuery variable
var jQuery;

/******** Load jQuery if not present *********/
if (window.jQuery === undefined || window.jQuery.fn.jquery !== '1.4.2') {
    var script_tag = document.createElement('script');
    script_tag.setAttribute("type","text/javascript");
    script_tag.setAttribute("src",
        "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js");
    if (script_tag.readyState) {
      script_tag.onreadystatechange = function () { // For old versions of IE
          if (this.readyState == 'complete' || this.readyState == 'loaded') {
              scriptLoadHandler();
          }
      };
    } else {
      script_tag.onload = scriptLoadHandler;
    }
    // Try to find the head, otherwise default to the documentElement
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
} else {
    // The jQuery version on the window is the one we want to use
    jQuery = window.jQuery;
    main();
}

/******** Called once jQuery has loaded ******/
function scriptLoadHandler() {
    // Restore $ and window.jQuery to their previous values and store the
    // new jQuery in our local jQuery variable
    jQuery = window.jQuery.noConflict(true);
    // Call our main function
    main(); 
}

/******** Our main function ********/
function main() { 
    jQuery(document).ready(function($) { 

        /******* Load HTML + JSON*******/
      var json = '{"red":"#f00","green":"#0f0","blue":"#00f","cyan":"#0ff","magenta":"#f0f","yellow":"#ff0","black":"#000"}';
      var result = $.parseJSON(json);

        $('#example-colors-container').html("<h3>Click widget option to change host page</h3><ul>");
        var items = []
        $.each(result, function(key, val) {
            items.push( "<li class='color' style='cursor:pointer; color:" + key + "'>" + val + "</li>" );
          });
          $( "<ul/>", {
            "class": "colors-list",
            html: items.join( "" )
          }).appendTo( "#example-colors-container" );

        $(".color").live('click', function() {
            $('nav').css({"background-color": $(this).text()});
        });
    });
}

})();